.header {
  @include margin(32, bottom);
  h3 {
    @include margin(16, bottom);
    @media (min-width: $viewport-md) {
      margin-top: toRem(-50);
      padding-top: toRem(50);
      display: block;
    }
  }
  p {
    margin: 0;
  }
}

.notes {
  max-width: 40rem;
  p {
    margin-bottom: 0;
  }
}

.top-link {
  color: $color-slate-600;
  @include margin(32, bottom);
  display: inline-block;
}

.state-links-header {
  display: flex;
  align-items: flex-end;
  button {
    @include margin(16, right);
  }

  @media (max-width: $viewport-md) {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
